﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title> WCF Ajax 例子. </title>
</head>


<body>


<h4> GET 版本 </h4>

<table>

  <tr>
    <td> <a href="html/BasicTest.htm">基本 ajax 调用</a> </td>
    <td> 最简单的例子， 参数与返回值为简单的 string 类型 </td>  
  </tr>


  <tr>
    <td> <a href="html/JsonParamTest.htm"> 参数的测试 </a> </td>
    <td> 传递的参数，不是简单的 string,  而是 Json 格式的 对象数据 </td>
  </tr>


  <tr>
    <td> <a href="html/JsonResultTest.htm"> 返回值的测试 </a> </td>
    <td> 返回的结果，不是简单的 string,  而是 对象数据 </td>
  </tr>



  <tr>
    <td>
        <a href="html/CacheTest.htm"> Cache 的设置 </a>
    </td>
    <td> jQuery ajax 中， cache 参数的例子 </td>
  </tr>



  <tr>
    <td>
        <a href="html/AsyncTest.htm"> Async 的设置  </a>
    </td>
    <td> jQuery ajax 中， async 参数的例子 </td>
  </tr>


  <tr>
    <td>
        <a href="html/SessionTest.htm"> Session 的判断  </a>
    </td>
    <td> jQuery ajax 中， Session 判断的例子 </td>
  </tr>
  



</table>





<h4> POST 版本 </h4>



<table>

  <tr>
    <td> <a href="html/BasicPostTest.htm">基本 ajax 调用</a>  </td>
    <td> 最简单的例子， 参数与返回值为简单的 string 类型  </td>  
  </tr>

  <tr>
    <td> <a href="html/JsonParamPostTest.htm"> 参数的测试 </a> </td>
    <td> 传递的参数，不是简单的 string,  而是 Json 格式的 对象数据 </td>
  </tr>

  <tr>
    <td> <a href="html/JsonResultPostTest.htm"> 返回值的测试 </a> </td>
    <td> 返回的结果，不是简单的 string,  而是 对象数据 </td>
  </tr>


    <tr>
    <td>
        <a href="html/CachePostTest.htm"> Cache 的设置 </a>
    </td>
    <td> jQuery ajax 中， cache 参数的例子 </td>
  </tr>


  <tr>
    <td>
        <a href="html/AsyncPostTest.htm"> Async 的设置  </a>
    </td>
    <td> jQuery ajax 中， async 参数的例子 </td>
  </tr>


</table>





<h4> jQuery 例子 </h4>

<table>

  <tr>
    <td> <a href="jq/BasicInput.htm">基本 jQuery 控件处理</a>  </td>
    <td> 最简单的例子， 演示 jQuery 对基本 html 控件的操作  </td>  
  </tr>


  <tr>
    <td> <a href="jq/BasicInput.aspx">基本 jQuery 控件处理 (aspx 控件版本) </a>  </td>
    <td> 最简单的例子， 演示 jQuery 对基本 html 控件的操作  </td>  
  </tr>


  <tr>
    <td> <a href="jq/TableResult.htm"> 表格方式显示查询结果 </a> </td>
    <td> 演示 jQuery  ajax 查询结果， 以 Table 形式显示结果 与 长时间处理时，动画效果处理的例子  </td>  
  </tr>


  <tr>
    <td> <a href="jq/MainSubCheckBox.htm"> 城市/区域 的例子 </a> </td>
    <td> 演示 jQuery  ajax  实现 父子 CheckBox 联动 的例子  </td>  
  </tr>


  <tr>
    <td> <a href="jq/MainSubCheckBoxPlus.htm"> 城市/区域 的例子 </a> </td>
    <td> 演示 jQuery  ajax  实现一次性 同时 CheckBox 选择 父子数据 的例子  ( 父子联动的简化操作版本 )  </td>  
  </tr>


  <tr>
    <td> <a href="jq/MainSubTable.htm"> 城市/区域 的例子 </a> </td>
    <td> 演示 jQuery  ajax  实现 父子 表格显示 的例子  </td>  
  </tr>


  <tr>
    <td> <a href="jq/TableClick.htm"> 表格点击的例子 </a> </td>
    <td> 表格中单元格点击处理的例子. </td>
  </tr>


  <tr>
    <td> <a href="jq/Calendar.htm"> 简单日历的例子 </a> </td>
    <td> 简单日历的例子. </td>
  </tr>


</table>




<h4> jQuery Mobile 例子  ( 需要使用支持 Html5 的浏览器 )  </h4>

<table>

  <tr>
    <td> <a href="html5/index.html">基本 jQuery Mobile 例子</a>  </td>
    <td>  全部其他链接地址在 该例子的页面中 </td>  
  </tr>

</table>





<h4> Autocomplete 的例子  </h4>

<table>

  <tr>
    <td> <a href="Autocomplete/AutocompleteTest.htm">Autocomplete/AutocompleteTest.htm</a>  </td>
    <td> 使用 typeahead.js 的处理例子.   </td>  
  </tr>
    

  <tr>
    <td> <a href="Autocomplete/AutocompleteTest2.htm">Autocomplete/AutocompleteTest2.htm</a>  </td>
    <td> 使用 jquery.autocomplete.js 的处理例子.   </td>  
  </tr>


  <tr>
    <td> 
        <a href="Autocomplete/jqui_Autocomplete.htm">Autocomplete/jqui_Autocomplete.htm</a> </td>
    <td> 使用 jqueryUI 处理的例子.  </td>
  </tr>


</table>




<h4> 按钮显示 </h4>
<table>
  <tr>
    <td> <a href="Button/jqui_Default.htm">Button/jqui_Default.htm</a>  </td>
    <td> Jquery UI 默认的按钮处理 </td>
  </tr>

  <tr>
    <td> 
        <a href="Button/jqui_checkboxes.htm">Button/jqui_checkboxes.htm</a>
    </td>
    <td> Jquery UI  CheckBox 显示为按钮形式的处理 </td>
  </tr>

</table>




<h4> Tab 的例子  </h4>

<table>
  <tr>
    <td> <a href="Tab/EasyTabTest.htm">Tab/EasyTabTest.htm</a>  </td>
    <td> 使用 easytabs.js 的处理例子.   </td>  
  </tr>


  <tr>
    <td> 
        <a href="Tab/jqui_Tabs.htm">Tab/jqui_Tabs.htm</a>
    </td>
    <td> 使用 JqueryUI 处理的例子.  </td>
  </tr>
</table>




<h4> Tree 的例子  </h4>
<table>
  <tr>
    <td> 
        <a href="Tree/TreeviewTest.htm">Tree/TreeviewTest.htm</a>
     </td>
    <td> 使用 jquery.treeview.js 的处理例子.   </td>  
  </tr>


  <tr>
    <td> 
        <a href="ztree/ZtreeTest.htm">ztree/ZtreeTest.htm</a>
     </td>
    <td> 使用 jquery.ztree.core-3.5.js 的处理例子.   </td>  
  </tr>

</table>





<h4> 菜单的例子  </h4>

<table>

  <tr>
    <td> <a href="superfish/index.htm">superfish 菜单的例子</a>  </td>
    <td>  全部其他链接地址在 该例子的页面中 </td>  
  </tr>

  <tr>
    <td> <a href="ztree/index.htm">ZTree 菜单的例子</a>  </td>
    <td>   简单使用例子， 具体的可参考官方例子代码。 </td>  
  </tr>

</table>



<h4> 图表的例子 </h4>

<table>

  <tr>
    <td> <a href="Charts/peity/index.htm"> Peity Mini Chart 的例子 </a>  </td>
    <td>  Peity 是一个简单的 jQuery 插件用来转换一些元素内容到简单的画布对象，如饼图、线图和柱状图  </td>  
  </tr>

  <tr>
    <td> <a href="Charts/Elycharts/index.htm"> Elycharts 的例子</a> </td>
    <td> 
      Elycharts支持多种交互式功能包括：鼠标跟踪、事件处理、利用各种动画高亮显示选择中的区域，
      Tooltip，HTML锚点等。可以动态修改数据，并以漂亮的动画效果展示图表中的变化。
      图表利用SVG/VML技术生成，基于jQuery + Raphaël开发
    </td>
  </tr>
  

</table>



<h4> 翻页处理的例子 </h4>

<table>
  <tr>
    <td> <a href="Pagination/TestPage.htm">Pages/TestPage.htm</a> </td>
    <td> 使用 page-nav-js-jquery 处理的例子. </td>
  </tr>
</table>




<h4> 评级的例子 </h4>

<table>
  <tr>
    <td> 
        <a href="Rating/TestRating.htm">Rating/TestRating.htm</a>  </td>
    <td> 使用 jQuery Star Rating Plugin v4.11 处理的例子. </td>
  </tr>


  <tr>
    <td> 
        <a href="Rating/TestJqueryRaty.htm">Rating/TestJqueryRaty.htm</a>
    </td>
    <td> 使用 Jquery Raty 处理的例子. </td>
  </tr>
</table>







<h4> 文件上传的例子 </h4>
<table>
  <tr> 
    <td> <a href="Upload/TestUpload.aspx"> 使用 ASP.NET 控件，普通文件上传 </a> </td>
  </tr>

  <tr>
    <td>
        <a href="Upload/TestUploadMulFile.aspx"> 简单一次上传多个图片的例子 </a>
    </td>
  </tr>

  <tr> 
    <td> <a href="Upload/FaceUpload.htm"> 使用 jquery ,图片上传,裁减,缩略,水印 </a> </td>
  </tr>


  <tr> 
    <td> 
        <a href="Upload/UploadPreview.aspx"> 上传并预览的效果. </a> 
    </td>
  </tr>

</table>



<h4> 图片轮播的例子 </h4>
<table>
  <tr>
    <td> <a href="ImageRun/Barousel.htm"> 使用 jquery.barousel 实现的例子. </a>  </td>
  </tr>

  <tr>
    <td> <a href="ImageRun/TinyCarousel.htm">使用 jquery.tinycarousel 实现的例子.</a>  </td>
  </tr>
</table>



<h4> 图片延迟加载  </h4>
<table>

  <tr>
    <td> 
        <a href="lazyload/TestNoLazyload.htm"> 使用 普通方式加载的效果. </a>
    </td>
  </tr>

  <tr>
    <td> 
        <a href="lazyload/TestLazyload.htm"> 使用 jquery.lazyload 实现的效果. </a>
    </td>
  </tr>

</table>



<h4> 地图的例子 </h4>
<table>
  <tr>
    <td>
      <a href="Map/Test_AliyunMap.aspx"> 阿里云地图 </a>
    </td>
  </tr>


  <tr>
    <td>
      <a href="Map/Test_BaiduMap.aspx"> 百度地图 </a>
    </td>
  </tr>

</table>





<h4> URL转发 </h4>

<table>

  <tr>
    <td> <a href="CrossDomain/TestGetScript.htm"> 跨域访问 </a>  </td>
    <td>  跨域访问 </td>  
  </tr>
</table>



<h4> URL转发 </h4>

<table>

  <tr>
    <td> <a href="TestReWriteUrl.aspx">URL转发例子</a>  </td>
    <td>  URL转发例子 </td>  
  </tr>
</table>




<h4> 异常画面迁移 </h4>

<table>

  <tr>
    <td> <a href="TestError.aspx"> 异常画面迁移的例子 </a>  </td>
    <td>  异常画面迁移的例子 </td>  
  </tr>
</table>




<h4> 自动登录的相关处理  </h4>

<table>
  <tr>
    <td> <a href="Login/CommonHandler.ashx"> 一般处理程序（普通调用）  </a>  </td>
    <td> 
      一般处理程序的例子 
    </td>  
  </tr>

  <tr>
    <td> <a href="Login/CommonHandler.ashx?callback=HelloWorld"> 一般处理程序（回调调用）  </a>  </td>
    <td> 
      一般处理程序的例子 (使用回调，主要是为了某些情况下，跨域的调用处理.)
    </td>  
  </tr>



  <tr>
    <td> <a href="Login/CustomerLoginHandler.ashx?u=admin&p=admin"> 登录处理（普通调用）  </a>  </td>
    <td> 
      登陆处理.
    </td>  
  </tr>

  <tr>
    <td>  
        <a href="Login/LoginInfo.aspx">Login/LoginInfo.aspx</a>
    </td>
    <td> 
      登录画面的处理 
    </td>  
  </tr>


  <tr>
    <td>  
        <a href="Login/LoginInfo.htm">Login/LoginInfo.htm</a>
    </td>
    <td> 
      某操作画面， 需要登陆对话框的处理 
    </td>  
  </tr>


</table>






<h4> 自动登录的相关处理  </h4>


<table>
  <tr>
    <td> <a href="LoginNet/Default.aspx">  使用 ASP.NET 自动登录的处理  </a>  </td>
    <td> 
      使用 ASP.NET 自动登录的处理   
    </td>  
  </tr>
  
</table>








<h4> 60秒后再发送短消息的处理  </h4>

<table>
  <tr>
    <td> <a href="RemainTime/index.html">   60秒后再发送短消息的处理  </a>  </td>
    <td> 
      60秒后再发送短消息的处理  
    </td>  
  </tr>
  
</table>



</body>
</html>
